<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <title>{$gear['name']}</title>
    <meta content="telephone=no" name="format-detection">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <link rel="stylesheet" href="{$staticHost}css/gear.css">
    <style type="text/css">
        .dt-relist li{height: 226px;margin-bottom: 10px;overflow: visible;}
        .dt-relist li img{max-width: 150px;}
        .dt-relist a p code {font-size: 13px;}
        .dt-relist a h4 {margin-top: 15px;}
        .dt-ul02 li div.comment-img img{position: relative;clear: both;width: 100%;height: 100%;top: 10px;left: 0;border-radius: 0;}
    </style>
    <script src="{$staticHost}js/TouchSlide.1.1.js"></script>
<body>
<div class="run-main">
<!-- 产品详情 -->
<div class="dt-product">
    <div class="dt-focus">
        <div id="focus" class="focus">
            <div class="hd">
                <ul></ul>
            </div>
            <div class="bd">
                <ul>
                    {loop $gear['images'] $k $img}
                    <li>
                        <a href="joggers://gearSavePic/{$k}"><img src="{$img}" /></a>
                    </li>
                    {/loop}
                </ul>
            </div>
        </div>
    </div>
    <!-- 产品介绍 -->
    <div class="dt-intro">
        <h3>{$gear['name']}</h3>
        <p class="dt-price">{if $gear['currency'] == 0}￥{else}${/if}{$gear['price']}</p>
        <code class="add-shoe"></code>
        <div class="dt-status">
            <a class="btn-fav" href="javascript:;"><i class="unfav {if $isLike} fav{/if}"></i><span>{$gear['likes']}</span></a>
            <input type="hidden" id="is-like" value="{$isLike}">
            {if $fromApp}
            <div class="add-compare">
                {if $isCompare == 1}
                <a class="already-com" href="javascript:;"><i class="ic-add"></i>已添加</a>
                {else}
                <a class="ready-com" href="{$compareUrl}"><i class="ic-add"></i>加入对比</a>
                <a class="already-com" href="javascript:;"><i class="ic-add"></i>已添加</a>
                {/if}
            </div>
            {/if}
            {if $gear['shopUrl']}
            {$gear['shopName']}<a class="btn-bny" href="{$gear['shopUrl']}">立即购买</a>
            {/if}
        </div>
        <div class="dt-more j_shoe_more">
            <span> <i class="ic-list"></i>产品参数</span>
            <span class="dt-window">
                <code>{$attrs['gender']}</code>
                <code>{$attrs['shoeCat']}</code>
                <code>{$attrs['footType']}</code>
                <i class="arrow-right"></i>
            </span>
        </div>
    </div>
</div>

<!-- 产品介绍 -->
<div class="dt-cont">
    <p class="dt-icont" id="dt-icont">{$gear['shortDesc']}</p>
    <p class="dt-slide">
       <i class="dt-select"></i>
    </p>
</div>

<!-- 宝贝评论 -->
<div class="dt-main" id="j_comment">
    <div class="dt-cont dt-cont2">
        <div class="dt-tit">
            <span><i class="ic-comment"></i>宝贝评论{if $gear['comments'] > 0}({$gear['comments']}){/if}</span>
        </div>
        <div class="dt-list">
            {if $commentList}
            <ul class="dt-ul02">
                {loop $commentList $k $v}
                <li>
                    <img src="{$v['header']}" alt=""/>
                    <div>
                        <p class="ul02-info"><span>{$v['nickname']}</span><cite>{eval echo date("Y-m-d", $v['addTime'])}</cite></p>
                        <p class="ul02-cont">{$v['content']}</p>
                    </div>
                    {if $v['thumbImg']}
                    <div class="comment-img">
                        <img src="$v['thumbImg']" width="100%" />
                    </div>
                    {/if}
                </li>
                {/loop}
            </ul>
            {else}
            <p class="no-comment">现在的人真懒，都不爱写评论了</p>
            {/if}
        </div>
    </div>
    <!--查看更多评论-->
    {if $comListUrl != 'javascript:;'}
    <p class="view-more"><a href="{$comListUrl}">查看更多评论</a></p>
    {/if}
</div>
{if $similarGear}
<div class="dt-recommend">
    <img class="dt-reimg" src="{$staticHost}img/gear/s_tit.png"/>
    <ul class="dt-relist">
        {loop $similarGear $k $v}
        <li>
            <a href="{$v['url']}">
                <img src="{$v['image']}" alt=""/>
                <h4>{$v['name']}</h4>
                <p>
                    <code>{if $v['currency'] == 0}￥{else}${/if}{$v['price']}</code>
                    {if $v['likes']}
                    <span><i class="unfav"></i>{$v['likes']}</span>
                    {/if}
                </p>
            </a>
        </li>
        {/loop}
    </ul>
</div>
{/if}
</div>

{if $fromApp}
<!--评论框-->
<div class="fixed-comment">
    <a href="{$commentUrl}"><img src="{$staticHost}img/gear/s_comment.png"/></a>
</div>
{/if}
<!--图片切换浮层-->
<div id="pop-focus" class="focus pop-focus">
    <div class="hd">
        <ul></ul>
    </div>
    <!-- <div class="bd">
        <ul>
			{loop $gear['images'] $k $img}
            <li><a href="javascript:;"><img src="{$img}" /></a></li>
            {/loop}
        </ul>
    </div> -->
</div>

<!--侧栏详情-->
<div class="sidebg"></div>
<div class="s_sidecont">
    <div class="s_side-tit">
        <img src="{$gear['image']}" alt=""/>
        <div class="s-st-rg">
            <h4>{$gear['name']}</h4>
            <p>{if $gear['currency'] == 0}￥{else}${/if}{$gear['price']}</p>
        </div>
    </div>
    <ul class="s_sidelist">
        <li>
            <span><i class="ic-sex"></i>性别</span>
            <code>{$attrs['gender']}</code>
        </li>
        <li>
            <span><i class="ic-cag"></i>类别</span>
            <code>{$attrs['shoeCat']}</code>
        </li>
        <li>
            <span><i class="ic-fot"></i>足型</span>
            <code>{$attrs['footType']}</code>
        </li>
        <li>
            <span><i class="ic-footer"></i>适合足类</span>
            <code>{$attrs['footCircle']}</code>
        </li>
        <li>
            <span><i class="ic-va"></i>功能</span>
            <code>{$attrs['feature']}</code>
        </li>
        <li>
            <span><i class="ic-wg"></i>重量</span>
            <code>{$attrs['weight']}</code>
        </li>
        <li>
            <span><i class="ic-date"></i>上市时间</span>
            <code>{$attrs['publishTime']}</code>
        </li>
    </ul>
    {if $gear['shopUrl']}
    <a class="go-buy" href="{$gear['shopUrl']}">去购买</a>
    {/if}
</div>

<!-- script -->
<script src="{$staticHost}js/zepto.min.js"></script>
<script src="{$staticHost}js/touch.js"></script>
<script type="text/javascript">
    var likeurl = "{$likeUrl}";
    var fromApp = "{$fromApp}";
</script>
<script src="{$staticHost}js/gear.js"></script>
</body>
</html>